<template>
  <div class="statistics">
    <h2>统计分析</h2>
    <!-- <p>这里是统计分析页面，用于展示各种数据分析图表。</p>
    
    <el-row :gutter="20">
      <el-col :span="12">
        <el-card>
          <div slot="header">租户分布统计</div>
          <div style="height: 300px; display: flex; align-items: center; justify-content: center;">
            <div>
              <div>车位租户: 45人</div>
              <div>房屋租户: 23人</div>
              <div>广告位租户: 12人</div>
              <div>总计: 80人</div>
            </div>
          </div>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card>
          <div slot="header">月收入趋势</div>
          <div style="height: 300px; display: flex; align-items: center; justify-content: center;">
            <div>
              <div>1月: ¥234,580</div>
              <div>2月: ¥245,600</div>
              <div>3月: ¥238,900</div>
              <div>平均月收入: ¥239,693</div>
            </div>
          </div>
        </el-card>
      </el-col>
    </el-row> -->
    
    <!-- <el-row :gutter="20" style="margin-top: 20px;">
      <el-col :span="24">
        <el-card>
          <div slot="header">收支明细统计</div>
          <el-table :data="statisticsData" style="width: 100%" border>
            <el-table-column prop="month" label="月份" width="100"></el-table-column>
            <el-table-column prop="income" label="收入" width="120"></el-table-column>
            <el-table-column prop="expense" label="支出" width="120"></el-table-column>
            <el-table-column prop="profit" label="利润" width="120"></el-table-column>
            <el-table-column prop="profitRate" label="利润率" width="100"></el-table-column>
          </el-table>
        </el-card>
      </el-col>
    </el-row> -->
  </div>
</template>

<script>
export default {
  name: 'Statistics',
  data() {
    return {
      statisticsData: [
        { month: '1月', income: '¥234,580', expense: '¥89,650', profit: '¥144,930', profitRate: '61.8%' },
        { month: '2月', income: '¥245,600', expense: '¥92,300', profit: '¥153,300', profitRate: '62.4%' },
        { month: '3月', income: '¥238,900', expense: '¥88,200', profit: '¥150,700', profitRate: '63.1%' }
      ]
    }
  }
}
</script>